<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="form">
            <p:growl id="growl"></p:growl>

            <center> 
                <p:messages showSummary="true" id="msgForm"/>
                <p:panel  header="FUNDACION UNIVERSITARIA KONRAD LORENZ"> 
                    <p:panel header="INFORME FINAL DE PRACTICA EMPRESARIAL"></p:panel>

                    <p:panel header="Identificación del estudiante">
                        <h:panelGrid columns="4" dir="right">
                            <h:outputText value="Nombre: " />
                            <p:inputText value="#{fInformeFinalPracticaEmp.estudiante.nombresEstudiante} #{fInformeFinalPracticaEmp.estudiante.apellido1Estudiante} #{fInformeFinalPracticaEmp.estudiante.apellido2Estudiante}" maxlength="50" size="30" id="idNomEstudiante" readonly="true"/>

                            <h:outputText value="Código: "/>
                            <p:inputText value="#{fInformeFinalPracticaEmp.estudiante.codigoEstudiante}" readonly="true" maxlength="50" size="30" id="idCodEstudiante"/>

                            <h:outputText value="CC N°: " />
                            <p:inputText value="#{fInformeFinalPracticaEmp.estudiante.idEstudiante}" readonly="true" maxlength="50" size="30" id="idCcEstudiante"/>

                            <h:outputText value="Fecha en la que presenta este informe: "/>
                            <p:calendar value="#{fInformeFinalPracticaEmp.informeFinalPracticaEmpresarial.fechaInforme}" id="idFechaInforme" readonly="true" disabled="true" pattern="dd/M/yyyy hh:mm a"/>
                        </h:panelGrid>
                    </p:panel>

                    <p:panel header="Identificación de la empresa">
                        <h:panelGrid columns="4" dir="right">
                            <h:outputText value="Razon social: " />
                            <p:inputText value="#{fInformeFinalPracticaEmp.entidad.nombreEntidad}" readonly="true" maxlength="50" size="30" id="idRazonSocial"/>

                            <h:outputText value="Dirección: "/>
                            <p:inputText value="#{fInformeFinalPracticaEmp.sitio.direccionSitio}" readonly="true" maxlength="50" size="30" id="idDirEmpresa"/>

                            <h:outputText value="Teléfono: " />
                            <p:inputText value="#{fInformeFinalPracticaEmp.sitio.telefonoSitio}" readonly="true" maxlength="50" size="30" id="idTelEmpresa"/>

                            <h:outputText value="Supervisor Entidad: "/>
                            <p:inputText value="#{fInformeFinalPracticaEmp.supervisorEntidad.nombresSupervisorEntidad} #{fObjetivoInicial.supervisorEntidad.apellido1SupervisorEntidad} #{fObjetivoInicial.supervisorEntidad.apellido2SupervisorEntidad}" readonly="true" maxlength="50" size="30" id="idSupEntidad"/>

                            <h:outputText value="Cargo: "/>
                            <p:inputText value="#{fInformeFinalPracticaEmp.supervisorEntidad.cargoSupervisorEntidad}" readonly="true" maxlength="50" size="30" id="idCargo"/>

                            <h:outputText value="Área de trabajo: " />
                            <p:inputText value="#{fInformeFinalPracticaEmp.area.nombreArea}" readonly="true" maxlength="50" size="30" id="idAreaTrab"/>
                        </h:panelGrid>
                    </p:panel>

                    <p:panel header="Actividades desarrolladas durante el semestre">
                        <p:commandButton value="Agregar Actividad" onclick="dialogActividades.show()" />
                        <h:panelGroup id="actividadesSemestreGroup">
                        <p:dataTable value="#{fInformeFinalPracticaEmp.listaActividadesSemestre}" var="detalleActividadesSemestre" binding="#{fInformeFinalPracticaEmp.htmlDataTableActividadesSemestre}" ><br/>
                            <p:column headerText="Fecha Inicial">
                                <h:outputText value="#{detalleActividadesSemestre.fechaDesde}" id="idFechaInicial">
                                    <f:convertDateTime pattern="d/M/yyyy"/>
                                </h:outputText>
                            </p:column>    
                            <p:column headerText="Fecha Final">
                                <h:outputText value="#{detalleActividadesSemestre.fechaHasta}" id="idFechaFinal">
                                    <f:convertDateTime pattern="d/M/yyyy"/>
                                </h:outputText>
                            </p:column>
                            <p:column headerText="Actividad">
                                <h:outputText value="#{detalleActividadesSemestre.actividad}" id="idActividad"/>
                            </p:column>
                            <p:column headerText="Descripción">
                                <h:outputText value="#{detalleActividadesSemestre.descripcion}" id="idDescripcion"/>
                            </p:column>
                            <p:column headerText="Observaciones">
                                <h:outputText value="#{detalleActividadesSemestre.observaciones}" id="idObservaciones" />
                            </p:column>
                            <p:column> 
                                <p:commandButton icon="ui-icon-trash" process="@this" oncomplete="dialogConfirmacion.show()" title="Eliminar actividad" actionListener="#{fInformeFinalPracticaEmp.cargarIndice(actionEvent)}">
                                    <f:param name="param" value="#{detalleActividadesSemestre.idDetalleActividadSemestre}"/>
                                </p:commandButton>                                
                            </p:column>
                        </p:dataTable>
                        <h:outputText value="Horas de trabajo a la semana:   40 horas."/>
                        </h:panelGroup>
                    </p:panel>

                    <p:panel header="Aspectos positivos de su práctica empresarial">
                        <h:panelGrid columns="1" cellpadding="5">
                            <p:inputTextarea value="#{fInformeFinalPracticaEmp.informeFinalPracticaEmpresarial.aspectosPositivosPractica}" rows="6" id="idAspecPositivoPracEmpresarial" cols="90" />
                        </h:panelGrid>
                    </p:panel>

                    <p:panel header="Aspectos negativos de su práctica empresarial">
                        <h:panelGrid columns="1" cellpadding="5">
                            <p:inputTextarea value="#{fInformeFinalPracticaEmp.informeFinalPracticaEmpresarial.aspectosNegativosPractica}" rows="6" id="idAspecNegativoPracEmpresarial" cols="90" />
                        </h:panelGrid>
                    </p:panel>

                    <p:panel header="Autoevaluación">
                        <h:panelGrid columns="6" dir="right">
                            <h:outputText value="Puntualidad: " />
                            <p:inputText value="#{fInformeFinalPracticaEmp.informeFinalPracticaEmpresarial.autoevPuntualidad}" maxlength="2" size="2" id="idPuntualidad">
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputText>

                            <h:outputText value="Disciplina: "/>
                            <p:inputText value="#{fInformeFinalPracticaEmp.informeFinalPracticaEmpresarial.autoevDisciplina}" maxlength="2" size="2" id="idDisciplina">
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputText>

                            <h:outputText value="Compromiso: " />
                            <p:inputText value="#{fInformeFinalPracticaEmp.informeFinalPracticaEmpresarial.autoevCompromiso}" maxlength="2" size="2" id="idCompromiso">
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputText>

                            <h:outputText value="Cumplimiento y oportunidad "/>
                            <p:inputText value="#{fInformeFinalPracticaEmp.informeFinalPracticaEmpresarial.autoevCumplimientoPuntualidad}" maxlength="2" size="2" id="idCumpOportunidad">
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputText>

                            <h:outputText value="Calidad en el trabajo: "/>
                            <p:inputText value="#{fInformeFinalPracticaEmp.informeFinalPracticaEmpresarial.autoevCalidadTrabajo}" maxlength="2" size="2" id="idCalidadTrab">
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputText>

                            <h:outputText value="Cooperación y Trabajo en Equipo: " />
                            <p:inputText value="#{fInformeFinalPracticaEmp.informeFinalPracticaEmpresarial.autoevCooperacionTrabajoEquipo}" maxlength="2" size="2" id="idCooperacionTrabEqui">
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputText>

                            <h:outputText value="Liderazgo e Iniciativa: " />
                            <p:inputText value="#{fInformeFinalPracticaEmp.informeFinalPracticaEmpresarial.autoevLiderazgoIniciativa}" maxlength="2" size="2" id="idLiderazgoIniciativa">
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputText>
                        </h:panelGrid>
                        <h:outputText value="* Ingrese una nota entre 0 y 50 por cada item" style="color: red; font-weight: bolder"/>
                    </p:panel>

                    <p:panel header="Exigencia de conocimiento en el trabajo">
                        <p:panel header="Fortalezas">
                            <h:panelGrid columns="1" cellpadding="5">
                                <p:inputTextarea value="#{fInformeFinalPracticaEmp.informeFinalPracticaEmpresarial.fortalezas}" rows="6" id="idFortalezas" cols="90" />
                            </h:panelGrid>
                        </p:panel>

                        <p:panel header="Debilidades">
                            <h:panelGrid columns="1" cellpadding="5">
                                <p:inputTextarea value="#{fInformeFinalPracticaEmp.informeFinalPracticaEmpresarial.debilidades}" rows="6" id="idDebilidades" cols="90" />
                            </h:panelGrid>
                        </p:panel>
                    </p:panel>

                    <p:panel header="Recomendaciones finales">
                        <h:panelGrid columns="1" cellpadding="5">
                            <p:inputTextarea value="#{fInformeFinalPracticaEmp.informeFinalPracticaEmpresarial.recomendaciones}" rows="6" id="idRecomendacionesFinales" cols="90" />
                        </h:panelGrid>
                    </p:panel>

                    <p:panel>

                        <h:panelGrid columns="2" cellpadding="8" >
                            <h:outputText value="Firma: " />  
                            <p:selectBooleanCheckbox value="true" id="idFirma"/> 

                            <h:outputText value="Nombre"/>
                            <p:inputText value="nombre" id="idNombre"/>

                            <h:outputText value="Código"/>
                            <p:inputText value="codigo" id="idCodigo"/>
                        </h:panelGrid>
                    </p:panel> 

                    <p:panel>
                        <center>

                            <p:splitButton value="Opciones" icon="ui-icon-open" id="idBtnOpcionesInformeFinalPrac">  
                                <p:separator />  
                                <p:menuitem value="Inicio" url="http://localhost:8084/PrototipoSp2/faces/ObjetivoInicial.xhtml" icon="ui-icon-extlink"/>  
                            </p:splitButton>
                            <p:commandButton value="Guardar" update="msgForm" onclick="confirmGuardar.show()"/>
                            <p:commandButton value="Cancelar" id="idBtnCancelarInformeFinalPrac"/>
                            <p:commandButton value="Imprimir o descargar" type="button" icon="ui-icon-print">  
                                    <p:printer target="form" />  
                            </p:commandButton>
                        </center>
                    </p:panel>

                </p:panel>
            </center>
            <p:dialog widgetVar="dialogActividades" header="Actividades">
                <h:panelGroup>
                    <table>
                        <tr>
                            <p:panelGrid columns="2" >
                                <h:outputLabel value="Fecha Desde: " style="font-weight: bold"/>
                                <p:calendar value="#{fInformeFinalPracticaEmp.fechaIni}"  
                                    id="popupCalendarDesde" showOn="button" />
                                <h:outputLabel value="Fecha Hasta: " style="font-weight: bold"/>
                                <p:calendar value="#{fInformeFinalPracticaEmp.fechaFin}"  
                                    id="popupCalendarHasta" showOn="button" />
                                <h:outputLabel value="Actividad: " style="font-weight: bold"/>
                                <p:inputText maxlength="500" size="70" id="idActividad" value="#{fInformeFinalPracticaEmp.actividad}"/>
                                <h:outputLabel value="Descripcion: " style="font-weight: bold"/>
                                <p:inputText maxlength="500" size="70" id="idDescripcion" value="#{fInformeFinalPracticaEmp.descripcion}"/>
                                <h:outputLabel value="Observaciones: " style="font-weight: bold"/>
                                <p:inputText  maxlength="500" size="70" id="idObservaciones" value="#{fInformeFinalPracticaEmp.observaciones}"/>      
                            </p:panelGrid>
                            <p:panelGrid columns="1" >
                                <p:commandButton value="Agregar Actividad" onclick="dialogActividades.hide()" actionListener="#{fInformeFinalPracticaEmp.cargarActividadesSemestre(actionEvent)}" update="actividadesSemestreGroup,popupCalendarDesde,popupCalendarHasta,idActividad,idDescripcion,idObservaciones" process="@this,popupCalendarDesde,popupCalendarHasta,idActividad,idDescripcion,idObservaciones" />
                            </p:panelGrid>               
                        </tr>

                    </table>
                </h:panelGroup>
            </p:dialog>
            <p:dialog widgetVar="dialogConfirmacion" header="Mensaje de confirmación" id="dialogConfirmacion">
                <table >
                    <tr>
                        <td>
                            <h:outputLabel value="¿Está seguro de eliminar el registro?"></h:outputLabel>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p:commandButton value="Si" actionListener="#{fInformeFinalPracticaEmp.quitarActividadesSemestre(actionEvent)}"  process="@this" update=":form:actividadesSemestreGroup,dialogConfirmacion" oncomplete="dialogConfirmacion.hide()"/>                            
                        </td>
                        <td>
                            <p:commandButton value="No" onclick="dialogConfirmacion.hide()"/>
                        </td>
                    </tr>
                </table>                
            </p:dialog>
            <p:confirmDialog message="¿Desea guardar?" widgetVar="confirmGuardar">
                <p:commandButton value="Si" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"
                                 actionListener="#{fInformeFinalPracticaEmp.DiligenciarFormato}"
                                 oncomplete="confirmGuardar.hide()" update=":form:growl,actividadesSemestreGroup,idAspecPositivoPracEmpresarial,idAspecNegativoPracEmpresarial,idPuntualidad,idDisciplina,idCompromiso,idCumpOportunidad,idCalidadTrab,idCooperacionTrabEqui,idLiderazgoIniciativa,idFortalezas,idDebilidades,idRecomendacionesFinales"/>               
                <p:commandButton value="No" onclick="confirmGuardar.hide()" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>
            </p:confirmDialog>
        </h:form>
    </ui:define>
</ui:composition>

